<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>源码大数据-用户案例</title>
		<!-- 1.引入重置样式表 -->
		<link rel="stylesheet" href="./css/normalize.css" />
		<!-- 2.引入自定义重置样式表 -->
		<link rel="stylesheet" href="./css/reset.css" />
		<!-- 3.引入公用样式 -->
		<link rel="stylesheet" href="./css/common.css" />
		<!-- 4.引入当前页样式 -->
		<link rel="stylesheet" href="./css/customer.css" />
	</head>
	<body>
		<section id="header">
			<!-- 头部区 -->
			<header class="abs flex-c-sb b-box">
				<!-- logo -->
				<!-- 1.直接使用img -->
				<!-- 2.使用h相关标签，再包一个a标签，使用backgorund-img来加logo，a标签里写上对应的内容（需要隐藏） -->
				<h2>
					<a href="#">源码大数据logo</a>
				</h2>
				<!-- 导航 -->
				<ul class="flex-c-c fc-white fz-14">
					<li>首页</li>
					<li>API</li>
					<li>云服务</li>
					<li class="active">案例</li>
					<li>开发者</li>
				</ul>
				<!-- 按钮 -->
				<div class="flex-c-c fz-12">
					<span class="fc-white">登录</span>
					<span class="fc-white">注册有礼</span>
				</div>
			</header>
		</section>
		<!-- 主体 -->
		<main>
			<section id="cusTitle" class="rel">
				<div id="bannerBg" class="abs"></div>
				<div class="container">
					<div id="cusTitleContent" class="abs text-c">
						<h2 class="fz-32">助力行业巨头、独角兽企业</h2>
						<p class="fz-12">已服务10万&plus;客户</p>
						<p class="fz-16">&minus;&nbsp;精选案例&nbsp;&minus;</p>
					</div>
				</div>
			</section>
			<section class="rel">
				<div class="container">
					<div id="mainCon"></div>
					<div id="mainTab" class="abs">
						<div class="container text-r">
							<ul class="fz-14 fr">
								<li>金融案例</li>
								<li>企业案例</li>
								<li>政务案例</li>
								<li>更多伙伴</li>
							</ul>
						</div>
					</div>
				</div>
			</section>

			
		</main>
		<!-- 引入工具js -->
		<script src="./js/util.js"></script>
		<!-- 引入粒子效果js -->
		<script type="text/javascript" src="./lib/canvas-particle.js"></script>
		<!-- 引入当前页js -->
		<script src="./js/customer.js"></script>
		<script>  
			window.onload = function () {
				//配置
				var config = {
					vx: 4, //点x轴速度,正为右，负为左
					vy: 4, //点y轴速度
					height: 2, //点高宽，其实为正方形，所以不宜太大
					width: 2,
					count: 150, //点个数
					color: "#666", //点颜色
					stroke: "#ccc", //线条颜色
					dist: 6000, //点吸附距离
					e_dist: 20000, //鼠标吸附加速距离
					max_conn: 10, //点到点最大连接数
				};
				//调用
				CanvasParticle(config);
			};
		</script>
	</body>
</html>
